#main-page{
  height: 100%;
  width: 100%;
  .header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 9em;
    z-index: 5;
    header{
      height: 100%;
      background-color: #faf0f0;
      #icon{
        width: 25em;
        height: 9em;
        float: left;
        #Icon{
          height: 100%;
          img{
            width: 100%;
            height: 100%;
          }
        }
      }
      #sear{
        float: left;
        margin-left: 30px;
        min-width: 36em;
        margin-top: 1em;
      }
    }
  }
}
@media screen and (max-width: 1066px){
  #main-page{
    height: 100%;
    width: 100%;
    .header{
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 9em;
      z-index: 5;
      header{
        height: 100%;
        background-color: #faf0f0;
        #icon{
          width: 20em;
          height: 6em;
          margin: auto 0;
          display: inline-block;
          #Icon{
            height: 100%;
            img{
              width: 100%;
              height: 100%;
            }
          }
        }
        #sear{
          float: left;
          margin-left: 1em;
          min-width: 34em;
          margin-top: 1em;
        }
      }
    }
  }
}
@media screen and (max-width: 600px)and (min-width: 551px){
  #main-page {
    .header {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 7em;
      z-index: 5;

      header {
        height: 100%;
        background-color: #faf0f0;

        #icon {
          height: 100%;
          width: 100%;

          #Icon {
            height: 100%;
            width: 22em;
            display: inline-block;

            img {
              width: 100%;
              height: 100%;
            }
          }
        }

        #sear {
          display: none;
        }
      }
    }
  }
}
@media screen and (max-width: 900px)and (min-width: 601px){
  #main-page{
    height: 100%;
    width: 100%;
    text-align: center;
    .header{
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 14em;
      z-index: 5;
      header{
        height: 100%;
        background-color: #faf0f0;
        #icon{
          height: 6em;
          width: 100%;
          #Icon{
            height: 100%;
            width: 22em;
            display: inline-block;
            img{
              width: 100%;
              height: 100%;
            }
          }
        }
        #sear{
          float: left;
          margin-left: 1em;
          min-width: 34em;
          margin-top: 1em;
        }
      }
    }
  }
}
@media screen and (max-width: 550px){
  #main-page {
    .header {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 7em;
      z-index: 5;

      header {
        height: 100%;
        background-color: #faf0f0;

        #icon {
          height: 100%;
          width: 100%;

          #Icon {
            height: 100%;
            width: 22em;
            display: inline-block;

            img {
              width: 100%;
              height: 100%;
            }
          }
        }

        #sear {
          display: none;
        }
      }
    }
  }
}
